<template>
    <div class="p-4">
      <div class="md:flex enter-y">
        <Card class="md:w-full w-full" :loading="loading" :data-list="CardList"/>
      </div>
    </div>
</template>

<script lang="ts" setup>
    import {ref} from 'vue';
    import Card from '../../components/Card.vue';
    // import {CardList} from './Planning-data.ts';
    import {getPlanningInfo} from "/@/views/dashboard/Analysis/components/Manager/Manager-api";

    const loading = ref(true);
    //统计卡片数据
    const CardList = ref([]);

    setTimeout(() => {
        loading.value = false;
    }, 500);
    //初始化页面方法定义
    function init() {
      //查询统计数据
      getPlanningInfo(null).then((res) => {
        if (res.success) {
          CardList.value = res.result;
        }
      });
    }
    //调用初始化页面方法
    init();
</script>
